@charset "utf-8";
* {
    box-sizing: border-box;
    box-sizing: content-box;
    box-sizing: padding-box;
}

html,
body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

img {
    max-width: 100%;
    display: block;
    border: 0;
    vertical-align: middle;
}

button,
input {
    outline: none;
    border: none;
}

h1,
h2,
h3,
h4,
p {
    font-weight: normal;
    margin: 0;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*去掉手机点击显示块状*/
}

a:hover,
a:focus {
    color: #333;
    text-decoration: none;
}

ul,
ol,
li,
dd,
dl {
    margin: 0;
    list-style: none;
    padding: 0;
}


/* 伪类Reset */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*iphone*/

textarea,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}


/* 重置表单控件垂直居中 */

input,
select,
textarea,
button {
    vertical-align: middle;
    padding: 0;
    outline: none;
}


/*文字位置*/

.txt-l {
    text-align: left;
}

.txt-c {
    text-align: center;
}

.txt-r {
    text-align: right;
}


/*文字标签设置*/

b,
em,
i {
    font-weight: normal;
    font-family: arial;
}


/*浮动*/

.fl {
    float: left;
}

.fr {
    float: right;
}


/*清除浮动*/

.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    /* 触发 hasLayout */
    zoom: 1;
}



/*图标*/

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*表格*/

table {
    width: 100%;
}


/*过度时间*/

.an-s3 {
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.an-s5 {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

/*颜色*/
.bg-blue{background-color: #00a7ea!important;}
.bg-blue1{background-color: #5A8BFF;}
.bg-blue2{background-color: #4877E6;}
.bg-black{background-color: #333;}
.bg-red{background-color:#FF4848 ; }
.bg-yellow{background-color: #F8B551;}
.bg-green{background-color: #4BD083!important;}
.bg-green1{background-color: #B3D465;}
.bg-clear{background-color: none;}
/*边角*/
.border-r4{border-radius: 4px; }
.border-r6{border-radius: 6px; }
.border-clear{border:none!important;}
/*字体及大小*/
.ft-yahei{font-family:"Microsoft YaHei" ;}
.ft-Arial{font-family: "arial";}
.fs-h1{font-size: 20px;}/*主标题*/
.fs-h2{font-size: 18px;}/*标题*/
.fs-h3{font-size: 16px;}/*小标题*/
.fs-p{font-size: 14px; color: #666;}/*正文*/
.fs-small{font-size: 12px;}/*正文（小）辅助文字*/
.fc-black{color: #333}
.fc-black1{color: #666}
.fc-w{color: #fff!important}
.fc-blue{color: #00a7ea;}
.fc-green{color: #4BD083;}


/*按钮*/
.input:-webkit-autofill, {background-color: #fff;}
button{cursor: pointer;}
.button{text-align: center; color: #fff; padding:0 15px;border: 1px solid transparent;border-radius: 4px;}
.button-btn{height: 36px; line-height: 36px; }
.button-tag{height: 24px; line-height: 24px; padding:0 10px;} 

/*  下拉菜单  */
.dnMenu{position: relative;display: inline-block;vertical-align: middle;}
.dnMenu button{ position: relative; display: inline-block; padding: 10px 0; padding-left:15px; padding-right: 28px; border:1px solid transparent; border-radius: 4px; color: #fff;}
.dnMenu button i{ position: absolute; top: 10px; right: 10px; transform: rotate(90deg); font-size: 16px; }
.dnMenu ul{position: absolute; top: 42px; right: 0;min-width: 90px; padding: 10px 0; background-color: #fff;    background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); display: none;}
.dnMenu ul li{line-height: 30px; padding: 0 10px; transition: 0.3s; -webkit-transition: 0.3s;}
.dnMenu ul li:hover{ background-color: #eee; padding-left: 13px;}

/* actGotop */
.actGotop{position:fixed;_position:absolute;bottom:100px;right:10px;width:30px;height:30px;display:none;}
.actGotop a{width:30px;height:30px; line-height: 30px; border-radius: 30px; color: #fff; text-align: center; display:inline-block;background-color: #555;}

